{{ define "user/user_center_order.html" }}

{{ template "base/base_header.html" . }}
<head>
	<title>天天生鲜-用户中心</title>
	{{template "base/base_import.html" . }}
</head>
<body>
	{{ template "base/base_top.html" . }}

	{{ template "base/base_search.html" .}}

	<div class="main_con clearfix">
		<div class="left_menu_con clearfix">
			<h3>用户中心</h3>
			<ul>
				<li><a href="/ttsx/user/user_center_info">· 个人信息</a></li>
				<li><a href="/ttsx/user/user_center_order/1" class="active">· 全部订单</a></li>
				<li><a href="/ttsx/user/user_center_site">· 收货地址</a></li>
			</ul>
		</div>
		<div class="right_content clearfix">
			<h3 class="common_title2">全部订单</h3>
			{{ if not .Orderbuff }}
				当前用户无订单
			{{ else }}
				{{ range $i, $v := .Orderbuff }}
					<ul class="order_list_th w978 clearfix">
						<li class="col01">{{ $v.OrderInfo.CreatedAt.Format "2006-01-02 15:03:04" }}</li>
						<li class="col02">订单号：{{ $v.OrderInfo.OrderId}}</li>
						<li class="col02 stress">{{ $v.OrderStatus }}</li>		
					</ul>

					<table class="order_list_table w980">
						<tbody>
							<tr>
								<td width="55%">
								{{ range $index, $goods := $v.OrderGoods }}
									<ul class="order_goods_list clearfix">					
										<li class="col01"><img src="{{ $goods.image }}"></li>
										<li class="col02">{{ $goods.name }}<em>{{ $goods.price }}元/{{ $goods.unite }}</em></li>	
										<li class="col03">{{ $goods.count }}</li>
										<li class="col04">{{ $goods.price }}元</li>	
									</ul>
								{{ end }}
								</td>
								<td width="15%">
									{{ $v.Total_price }}元 <br>
									(含运费：{{ $v.OrderInfo.TransitPrice }}元)
								</td>
								{{ if eq $v.OrderStatus "待支付"}}
									<td width="15%">待付款</td>
									<td width="15%"><a href="#" order_id="{{ $v.OrderInfo.OrderId }}" class="oper_btn">去付款</a></td>
								{{ else if eq $v.OrderStatus "待发货" }}
									<td width="15%">已付款</td>
									<td width="15%"><a href="#" order_id="{{ $v.OrderInfo.OrderId }}" class="oper_btn">查看物流</a></td>
								{{ else if eq $v.OrderStatus "待收货" }}
									<td width="15%">已发货</td>
									<td width="15%"><a href="#" class="oper_btn">查看物流</a></td>
								{{ else if eq $v.OrderStatus "待评价" }}
									<td width="15%">待评价</td>
									<td width="15%"><a href="#" class="oper_btn">查看物流</a></td>
								{{ else if eq $v.OrderStatus "已完成" }}
									<td width="15%">已完成</td>
									<td width="15%"><a href="#" class="oper_btn">查看物流</a></td>
								{{ end }}
							</tr>
						</tbody>
					</table>
				{{ end }}
				<div class="pagenation">
					<a href="/ttsx/user/user_center_order/{{ .StartPage }}"><上一页</a>
					{{ range $i, $v := .Pages }}
						{{ if eq $v $.PageIndex}}
							<a href="/ttsx/user/user_center_order/{{ $v }}" class="active">{{ $v }}</a>
						{{ else }}
							<a href="/ttsx/user/user_center_order/{{ $v }}" >{{ $v }}</a>
						{{ end }}
					{{ end }}
					<a href="/ttsx/user/user_center_order/{{ .NextPage }}">下一页></a>
				</div>
			{{ end }}
		</div>
	</div>

	{{ template "base/base_bottom.html" . }}

	<script type="text/javascript">
		$('.oper_btn').click(function(){
			order_id = $(this).attr('order_id')

			// 调用ajax post 请求，提交订单进行支付
			$.ajax({
				url:"/ttsx/order/aliPay",
				type: "post",
				dataType: "json",
				data: {"order_id": order_id}
			}).done(function(data){
				if (data.code == 4){
					// 使用浏览器新窗口打开支付宝支付界面
					window.open(data.url)


					// 调用ajax post 请求，让浏览器去访问接口获取订单是否成功支付的状态
					$.ajax({
						url:"/ttsx/order/aliQuery",
						type:"post",
						dataType:"json",
						data: {"order_id": order_id}
					}).done(function(data){
						if (data.code == 4){
							alert(data.Msg)
							// 刷新订单页面
							location.reload()
						}else {
							alert(data.errMsg)
						}
					}).fail(function(){
						alert("功能未实现，待开发")
					})

					
				}else {
					alert(data.errMsg)
				}
			}).false(function(){
				alert("功能未实现，待开发")
			})
		})

	</script>
</body>
</html>

{{ end }}